<script>
     $(".ocultarB").click(function(){
         $("#contC3").animate({"right":"100%"})
         
     })
</script>
<div style=" height: 100%; width: 100%; overflow: scroll;">
<button src class="ocultarB" >volver</button> <br><br>
<?php
 if($indi==0){
    echo "<center>No se encontraron resultados.</center>";
 }else{
   
 for($i=0;$i<$indi;$i++):
     ?>

<div style="background-color: rgba(0,0,0,.5); border:1px #ffffff solid; margin-bottom: 10px;  float: left; margin-left :10px;height:150px;width: 210px;">
    <div style=" float: left;margin-top: 10px; margin-left: 5px; top:0%; height:130px; width: 100px;  border: solid 1px #1384ae; " >
         <img src="<?=${"imagen".$i}?>" style="height:130px; width: 100px;" />
     </div> 
    <div style=" font-size: 10px; color:#ffffff; float: left; left:0%;margin-top: 10px; margin-left: 1px; top:0%; height:130px; width: 100px;  " >
        <div style=" font-size: 12px; font-weight: bold;">Producto: <br></div>
         <?=${"nombre".$i}?><br>
         Descripción:<br>
         <?=substr(${"descripcion".$i},0,-5)?><br>
         Precio: <br>
         <?=${"precio".$i}?><br>
         Empresa: <br>
         <?=${"nom_empresa".$i}?>
         
     </div>
</div>
     
<?php  endfor;
 }
?>
</div>